$(function () {
  var form = layui.form
  form.verify({
    nickname: function (value) {
      if (value.length > 6) {
        return '昵称长度必须在 1 ~ 6 个字符之间！'
      }
    }

  })
})
// 1.获取用户的基本信息
function getUserInfos() {
  console.log(1);

  $.ajax({
    method: 'GET',
    url: '/my/userinfo',

    // 请求配置对象
    success: res => {
      if (res.status !== 0) {
        return layui.layer.msg('获取信息失败')
      }
      layui.form.val('userinfo', res.data)
    }
  })

}
getUserInfos()
// layui.form.val('要写入的表单'，要写入的数据)
// 要写入里面name

// 1.给表单注册submit事件
// 2.需要收集到表单的数据
//  3.查阅接口文档 关注请求放松与请求参数，还有请求的类型
// 4.发送ajax请求
// 5.接收服务器响应回来的数据
// 6.判断是否修改成功，失败提示用户
// 7.成功更新页面上面的数据
$('#editForm').on('submit', function (e) {
  // 2.阻止默认行为
  e.preventDefault();
  const data = $(this).serialize()
  // 3.发送ajax请求
  $.ajax({
    type: 'post',
    url: '/my/userinfo',
    data,
    success: res => {
      const {
        status,
        message
      } = res
      if (status !== 0) layui.layer.msg(message)
      layui.layer.msg('修改成功')
      window.parent.getUserInfo()
    }
  })
})

//1. 给按钮注册click事件
// 2.阻止表单的默认行为
// 3.调用getUserInfo方法

$('#reset').on('click', function (e) {
  // 2.阻止默认行为
  // e.preventDefault();
  // getUserInfo()
  alert('111111')

})